<template>
  <van-popup
    class="proxy-signing"
    v-model:show="show"
    :style="{
      height: '47%',
      width: '75%',
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'space-between',
      alignItems: 'center',
      borderRadius: '8px'
    }"
  >
    <img src="@/assets/img/proxy-signing.png" alt="" />
    <div class="signing">
      您有 <span>1</span> 份电子文件待签署,请仔细阅读待签文件内容
    </div>
    <van-button class="btn" type="default" block @click="show = false"
      >立即查看</van-button
    >
  </van-popup>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  setup() {
    const show = ref(false)
    const showPopup = () => {
      show.value = true
    }
    return {
      show,
      showPopup
    }
  }
})
</script>

<style scoped lang="less">
.proxy-signing {
  img {
    margin-top: 20px;
    width: 200px;
  }
  .signing {
    padding: 0 35px;
    font-size: 14px;
    color: #101010;
    span {
      color: #3994f3;
    }
  }
  .btn {
    font-size: 16px;
    color: #3994f3;
  }
}
</style>
